<template>
	<view class="bg">
		<xl-navbar title="ReadMore阅读更多" fixed shadow></xl-navbar>
		<view class="title">基础样式</view>
		<xl-read-more>
			<view>
				水调歌头·明月几时有<br/>
				（宋）苏轼<br/>
				
				明月几时有？<br/>
				把酒问青天。<br/>
				不知天上宫阙，<br/>
				今夕是何年。<br/>
				我欲乘风归去，<br/>
				又恐琼楼玉宇，<br/>
				高处不胜寒。<br/>
				起舞弄清影，<br/>
				何似在人间。<br/>
				<br/>
				转朱阁，低绮户，照无眠。<br/>
				不应有恨，<br/>
				何事长向别时圆？<br/>
				人有悲欢离合，<br/>
				月有阴晴圆缺，<br/>
				此事古难全。<br/>
				但愿人长久，<br/>
				千里共婵娟。
			</view>
		</xl-read-more>
		<view class="title">修改显示高度</view>
		<xl-read-more :showHeight="200">
			<view>
				水调歌头·明月几时有<br/>
				（宋）苏轼<br/>
				
				明月几时有？<br/>
				把酒问青天。<br/>
				不知天上宫阙，<br/>
				今夕是何年。<br/>
				我欲乘风归去，<br/>
				又恐琼楼玉宇，<br/>
				高处不胜寒。<br/>
				起舞弄清影，<br/>
				何似在人间。<br/>
				<br/>
				转朱阁，低绮户，照无眠。<br/>
				不应有恨，<br/>
				何事长向别时圆？<br/>
				人有悲欢离合，<br/>
				月有阴晴圆缺，<br/>
				此事古难全。<br/>
				但愿人长久，<br/>
				千里共婵娟。
			</view>
		</xl-read-more>
		<view class="title">展开后不收起</view>
		<xl-read-more :showHeight="200" :close="false">
			<view>
				水调歌头·明月几时有<br/>
				（宋）苏轼<br/>
				
				明月几时有？<br/>
				把酒问青天。<br/>
				不知天上宫阙，<br/>
				今夕是何年。<br/>
				我欲乘风归去，<br/>
				又恐琼楼玉宇，<br/>
				高处不胜寒。<br/>
				起舞弄清影，<br/>
				何似在人间。<br/>
				<br/>
				转朱阁，低绮户，照无眠。<br/>
				不应有恨，<br/>
				何事长向别时圆？<br/>
				人有悲欢离合，<br/>
				月有阴晴圆缺，<br/>
				此事古难全。<br/>
				但愿人长久，<br/>
				千里共婵娟。
			</view>
		</xl-read-more>
		<view class="title">高度小于显示高度，则不显示</view>
		<xl-read-more>
			<view>
				水调歌头·明月几时有<br/>
				（宋）苏轼<br/>
				
				明月几时有？<br/>
				把酒问青天。<br/>
				不知天上宫阙，<br/>
				今夕是何年。
			</view>
		</xl-read-more>
	</view>
</template>

<script setup>
	import { ref, onMounted, computed } from "vue";
	
</script>

<style lang="scss" scoped>
	.content{
	}
</style>